<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      li {
        list-style: none;
      }
      a {
        text-decoration: none;
        color: #fff;
      }
      .center {
        width: 1200px;
        margin: auto;
      }
      .nav {
        height: 40px;
        background: #2b303b;
      }
      .nav-1 li a {
        float: left;
        margin: 12px 10px 12px 0;
        font-size: 12px;
        border-right: 1px solid #fff;
        padding-right: 10px;
      }
      .nav-1 {
        margin-left: 493px;
        height: 40px;
      }
      .banner {
        height: 480px;
        background-image: url(image/banner.png);
      }
      .u1 {
        width: 250px;
        height: 480px;
        background: #1b2a3f;
        overflow: hidden;
      }
      span {
        float: right;
      }
      .nav .img1 {
        float: left;
        text-align: center;
        line-height: 40px;
      }
      .u2 {
        margin: 40px 20px 0 20px;
        line-height: 40px;
      }
      .s1 {
        padding: 48px 0 35px 0;
      }
      .center h2 {
        font-weight: 400;
        text-align: center;
        font-size: 24px;
        margin-bottom: 30px;
      }
      .center h3 {
        font-weight: 400;
        text-align: center;
        font-size: 16px;
      }
      .d1 {
        overflow: hidden;
        height: 350px;
        width: 1200px;
        border-radius: 10px;
        padding: 40px 50px 77px 50px;
      }
      .d1 .left {
        float: left;
        height: 347px;
        width: 520px;
      }
      .right {
        float: right;
        height: 348px;
        width: 580px;
      }
      img {
        width: 100%;
        height: 100%;
      }
      .left h1 {
        font-size: 28px;
        font-weight: 200;
        height: 37px;
        width: 130px;
        border-bottom: 1px solid;
      }
      .left p {
        font-size: 16px;
        line-height: 30px;
      }
      .left .study {
        height: 48px;
        width: 162px;
        border: 1px solid #ffa500;
        margin-top: 30px;
        text-align: center;
        line-height: 48px;
      }
      .bottom {
        background: #2e3033;
        height: 400px;
      }
      dl {
        float: left;
        margin-top: 30px;
        color: #eeeeee;
        margin-right: 93px;
        font-size: 14px;
      }
      dt {
        margin-bottom: 18px;
        font-size: 18px;
      }
      dd {
        line-height: 25px;
      }
      .banquan {
        float: left;
        font-size: 14px;
        margin-right: 0;
      }
      .zixun {
        height: 36px;
        width: 191px;
        background: #00a4ff;
        margin-top: 26px;
        text-align: center;
        line-height: 36px;
      }
    </style>
  </head>
  <body>
    <div class="nav">
      <div class="center">
        <div class="img1">
          <img src="image/logo.png" alt="" />
        </div>
        <ul class="nav-1">
          <li><a href="#">最新活动</a></li>
          <li><a href="#">产品</a></li>
          <li><a href="#">解决方案</a></li>
          <li><a href="#">定价</a></li>
          <li><a href="#">文档</a></li>
          <li><a href="#">企业中心</a></li>
          <li><a href="#">云市场</a></li>
          <li><a href="#">开发者支持</a></li>
          <li><a href="#">合作与生态</a></li>
          <li><a href="#">客户</a></li>
        </ul>
      </div>
    </div>
    <div class="banner">
      <div class="center">
        <div class="u1">
          <ul class="u2">
            <li>
              <a href="#">云服务器 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">轻量应用服务器 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">域名注册 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">网站备案 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">对象存储 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">云硬盘 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">云数据库 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">云数据库 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">批量计算 <span>&gt;</span></a>
            </li>
            <li>
              <a href="#">容器服务 <span>&gt;</span></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <section class="center s1">
      <h2>云从业者培训及认证</h2>
      <h3>好好学习，天天向上</h3>
    </section>
    <div class="center d1">
      <div class="left">
        <h1>在线课程</h1>
        <p>
          本课程专为云计算初学者、学生、个人开发者打造，购买云+校园任意套餐可免费观看课程视频本课程专为云计算初学者、学生、个人开发者打造，购买云+校园任意套餐可免费观看课程视频本课程专为云计算初学者、学生、个人开发者打造，购买云+校园任意套餐可免费观看课程视频本课程专为云计算初学者、学生、个人开发者打造，购买云+校园任意套餐可免费观看课程视频本课程专为云计算初学者、学生、个人开发者打造，购买云+校园任意套餐可免费观看课程视频
        </p>
        <div class="study">开始学习</div>
      </div>
      <div class="right">
        <img src="image/right.png" alt="" />
      </div>
    </div>
    <div class="bottom">
      <div class="center">
        <dl>
          <dt>腾讯云计算</dt>
          <dd>产品</dd>
          <dd>云市场</dd>
          <dd>客户案例</dd>
          <dd>产品发布台</dd>
          <dd>网站备案</dd>
          <dd>认证信息</dd>
          <dd>许可证说明</dd>
          <dd>隐私声明</dd>
          <dd>关于我们</dd>
        </dl>
        <dl>
          <dt>解决方案</dt>
          <dd>视频</dd>
          <dd>游戏</dd>
          <dd>金融</dd>
          <dd>电商</dd>
          <dd>网站</dd>
          <dd>大数据</dd>
          <dd>人脸核身</dd>
          <dd>在线教育</dd>
          <dd>微信小程序</dd>
          <dd>微信小程序音视频</dd>
        </dl>
        <dl>
          <dt>资源与社区</dt>
          <dd>免费套餐</dd>
          <dd>入门中心</dd>
          <dd>定价中心</dd>
          <dd>资源中心</dd>
          <dd>腾讯云大学</dd>
          <dd>云+社区</dd>
          <dd>专栏</dd>
          <dd>问答</dd>
          <dd>沙龙</dd>
        </dl>
        <dl>
          <dt>合作与生态</dt>
          <dd>合作伙伴</dd>
          <dd>合作伙伴学院</dd>
          <dd>推广奖励</dd>
          <dd>云+公益</dd>
          <dd>云+校园</dd>
          <dd>云+创业</dd>
          <dd>Techo 开发者大会</dd>
          <dd>腾讯数字生态大会</dd>
          <dd>云启产业计划</dd>
          <dd>腾讯云启创新基地</dd>
        </dl>
        <dl>
          <dt>管理与支持</dt>
          <dd>公告</dd>
          <dd>控制台</dd>
          <dd>续费管理</dd>
          <dd>访问管理</dd>
          <dd>安全中心</dd>
          <dd>举报平台</dd>
          <dd>工单管理</dd>
          <dd>联系我们</dd>
        </dl>
        <dl class="banquan">
          <dd>Copyright © 2013 - 2020</dd>
          <dd>Tencent Cloud. All Rights Reserved.</dd>
          <dd>腾讯云 版权所有</dd>
          <dd class="zixun">购买咨询</dd>
        </dl>
      </div>
    </div>
  </body>
</html>
